<template>

    <input placeholder="请输入药品名称" style="width: 90%;height: 35px;margin-top: 5px;border-radius: 20px;border:1px solid green ;
        margin-left: 10px;
    " />

    <div class="dd1">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq1.png" /> 
            </dt>
            <dd>
                <p>维生素C片100毫克*100片</p>
                用于预防和治疗坏血病以及各种急、慢性传染疾病
                <span>￥1.9</span>
            </dd>
        </dl>
    </div>
     <div class="dd2">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq2.png" /> 
            </dt>
            <dd>
                <p>维生素E软胶囊100毫克*30丸</p>
                1，用于末进食强化奶粉或严重脂肪吸收不良
                <span>￥4.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd3">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq3.png" /> 
            </dt>
            <dd>
                <p>维生素B6片10毫克*100片</p>
              1.适用用于维生素B6缺乏（维生素B6缺乏可引起黄
                <span>￥3.4</span>
            </dd>
        </dl>
    </div>
       <div class="dd4">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq4.png" /> 
            </dt>
            <dd>
                <p>达因右旋糖干铁颗粒25mg*16袋</p>
              用于慢性失血、营养不良、儿童发育期等多种元素
                <span>￥18.8</span>
            </dd>
        </dl>
    </div>
       <div class="dd5">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq5.png" /> 
            </dt>
            <dd>
                <p>复合维生素B片100片</p>
              预防和治疗B族维生素缺乏所致的营养不良、厌食
                <span>￥5.54</span>
            </dd>
        </dl>
    </div>
       <div class="dd6">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq6.png" /> 
            </dt>
            <dd>
                <p>葡萄糖酸梓片70毫克*100片</p>
                  用于治疗缺乏梓引起的营养不良、厌食症、异食癖
                <span>￥5.9</span>
            </dd>
        </dl>
    </div>
       <div class="dd7">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq7.png" /> 
            </dt>
            <dd>
                <p>赖氨肌醇维B12口服液100毫升</p>
                用于赖氨酸缺乏引起的食欲缺乏及生长发育不良等
                <span>￥28.3</span>
            </dd>
        </dl>
    </div>
       <div class="dd8">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq8.png" /> 
            </dt>
            <dd>
                <p>炉甘石洗剂 100毫升</p>
             用于急性瘙痒性皮肤病，如荨麻疹和痱子
                <span>￥9.6</span>
            </dd>
        </dl>
    </div>
       <div class="dd9">
        <dl>
            <dt>
               <img style="width: 110px;height: 70px;" src="../../assets/qq9.png" /> 
            </dt>
            <dd>
                <p>莫匹罗星软育 5克:2%</p>
                本品为局部外用抗生素，适用于革兰阳性球菌引起
                <span>￥20.01</span>
            </dd>
        </dl>
    </div>
</template>

<script>

</script>

<style>
.dd1{
    margin-top: 10px;
    dt{
        float: left;
        margin: 5px;
        margin-top: 5px;
    }
    dd{
       span{
        color: red;
       }
    }
}
.dd2{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd3{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd4{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd5{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd6{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd7{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd8{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
.dd9{
  float: left;
  dt{
    float: left;
    margin: 5px;
    margin-top: 5px;
  }
  dd{
    span{
        color: red;
    }
  }
}
</style>
